export default {
  props: {
    tag: {
      type: String,
      default: "a",
    },
    to: {
      type: String,
      required: true,
    },
  },
  methods:{
    handleClick(){ // 可能使用的是hash模式 还有可能是history模式
        this.$router.push(this.to)
    }
  },
  render(h) {
    // 复杂的组件全部可以采用render函数的写法

    let tagName = this.tag
    return <tagName onClick={this.handleClick}>{this.$slots.default}</tagName>
    // return h(this.tag, {
    //     on:{
    //         click:this.handleClick
    //     }
    // }, this.$slots.default);
  },
};
